﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  <link rel="stylesheet" href="../css/reset.css" />
  <link rel="stylesheet" href="css/layui.css" />
  <link rel="stylesheet" href="css/jzkwt.css" />
  <title>查询列表模板</title>
</head>
<body>
	<div class="layui-row map-tip-info">
			<ul>
				<li><i class="normal"></i><span>正常</span></li>
				<li><i class="light-up-d"></i><span>亮灯状态</span></li>
			</ul>
		</div>
	<div id="wrap">
		   <h2>图形化变化点看板</h2>
		  <div id="line1">
		  		<table  class="layui-table data-table-line" lay-size="sm" >
				  <tbody class="data-table-show"> 
				     <tr>
				     	<td>
				     		<b>3-OP230RB</b>
				     		<span data-after="3-OP230RB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP150RB</b>
				     		<span data-after="3-OP150RB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP90RB</b>
				     		<span data-after="3-OP90RB"></span>
				     	</td>
				     		<td>
				     		<b>3-OP80RB</b>
				     		<span data-after="3-OP80RB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP70RB</b>
				     		<span data-after="3-OP70RB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP65RB</b>
				     		<span data-after="3-OP65RB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP20RB</b>
				     		<span data-after="3-OP20RB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP10RB</b>
				     		<span data-after="3-OP10RB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP130RB</b>
				     		<span data-after="3-OP130RB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP120RB</b>
				     		<span data-after="3-OP120RB"></span>
				     	</td>
				     </tr>
				     <tr>
				     	<td ></td>
				     	<!--<td colspan="8" rowspan="2" ></td>-->
				     	<td colspan="8" rowspan="2">9BLB前纵梁</td>
				     	<td ></td>
				     </tr>
				      <tr>
				     	<td></td>
				     	<td></td>
				     </tr>
				   
				     <tr>
				     	<td>
				     		<b>3-OP230LB</b>
				     		<span data-after="3-OP230LB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP150LB</b>
				     		<span data-after="3-OP150LB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP90LB</b>
				     		<span data-after="3-OP90LB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP80LB</b>
				     		<span data-after="3-OP80LB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP120RB</b>
				     		<span data-after="3-OP120RB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP70LB</b>
				     		<span data-after="3-OP70LB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP65LB</b>
				     		<span data-after="3-OP65LB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP10LB</b>
				     		<span data-after="3-OP10LB"></span>
				     	</td>
				     	<td>
				     		<b>3-OP130LB</b>
				     		<span data-after="3-OP130LB"></span>
				     	</td>
				     		<td>
				     		<b>3-OP120LB</b>
				     		<span data-after="3-OP120LB"></span>
				     	</td>
				     </tr>
				  </tbody>
				</table>
		  	
		  </div>
		  <div id="line2">
		  	<table  class="layui-table data-table-line" lay-size="sm" >
				  <tbody class="data-table-show"> 
				  	<tr>
				  		<td></td>
				  		<td></td>
				  		<td></td>
				  		<td></td>
				  		<td></td>
				  		<td></td>
				  		<td></td>
				  		<td></td>
				  		<td></td>
				  			<td><b>1-OP15B</b><span data-after="1-OP15B"></span>
				  	
				  	</tr>
				     <tr>
					     	<td>
				     		<b>1-OP75B</b>
					     		<span data-after="1-OP75B"></span>
				     	</td>
					     	<td colspan="8" rowspan="2">9BLB前纵梁</td>
					     	<td>
				  			<b>1-OP01B</b>
					     	<span data-after="1-OP01B"></span>
				  		</td>
				     	</td>
				     </tr>
				      <tr>
					     	<td>
					     		<b>1-OP60-BB</b>
					     		<span data-after="1-OP60-BB"></span>
					     	</td>	
					     	<td>
					     		<b>1-OP08B</b>
					     		<span data-after="1-OP08B"></span>
					     	</td>
				     </tr>
				     <tr>
					     	<td>
					     		<b>1-OP60-AB</b>
				     			<span data-after="1-OP60-AB"></span>
					     	</td>
					     	<td></td>
					     	<td></td>
					     	<td></td>
					     	<td></td>
					     	<td></td>
					     	<td></td>
					     	<td></td>
					     	<td></td>
					     	<td>
					     		<b>1-OP07B</b>
				     			<span data-after="1-OP07B"></span>
					     	</td>
				     </tr>
				  </tbody>
				</table>
		  </div>
		  <div id="line3">
		  	<table  class="layui-table data-table-line" lay-size="sm" >
				  <tbody class="data-table-show"> 
				     <tr>
				     	<td></td>
				     	<td></td>
				     	<td></td>
				     	<td></td>
				     	<td></td>
				     	<td></td>
				     	<td></td>
				     	<td></td>
				     	<td></td>
				     	<td></td>
				     </tr>
				     <tr>
				      <td>
				     		<b>2-OP137AB</b>
				     		<span data-after="2-OP137AB"></span>
				     	</td>
				     	<td colspan="8" rowspan="2">9BLB前纵梁</td>
				     	<td ></td>
				     </tr>
				      <tr>
				     <td>
				     		<b>2-OP140-BB</b>
				     		<span data-after="2-OP140-BB"></span>
				     	</td>
				     	<td></td>
				     </tr>
				    <tr>
				    	<td>
				     		<b>2-OP140-AB</b>
				     		<span data-after="2-OP140-AB"></span>
				     	</td>
				    	<td></td>
				    	<td></td>
				    	<td></td>
				     	<td>
				     		<b>2-OP30B</b>
				     		<span data-after="2-OP30B"></span>
				     	</td>
				     	<td>
				     		<b>2-OP40B</b>
				     		<span data-after="2-OP40B"></span>
				     	</td>
				     	<td>
				     		<b>2-OP50B</b>
				     		<span data-after="2-OP50B"></span>
				     	</td>
				     	<td>
				     		<b>2-OP60B</b>
				     		<span data-after="2-OP60B"></span>
				     	</td>
				     	<td>
				     		<b>2-OP58B</b>
				     		<span data-after="2-OP58B"></span>
				     	</td>
				     	<td>
				     		<b>2-OP10B</b>
				     		<span data-after="2-OP10B"></span>
				     	</td>
				    </tr>
				  </tbody>
				</table>
		  </div>
		  <div id="line4">
		  		<table  class="layui-table data-table-line" lay-size="sm" >
				  <tbody class="data-table-show"> 
				     <tr>
				     	<td>
				     		<b>4-OP01LB</b>
				     		<span data-after="4-OP01LB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP10/20LB</b>
				     		<span data-after="4-OP10/20LB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP30/40LB</b>
				     		<span data-after="4-OP30/40LB"></span>
				     	</td>
				     		<td>
				     		<b>4-OP50LB</b>
				     		<span data-after="4-OP50LB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP60LB</b>
				     		<span data-after="4-OP60LB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP80LB</b>
				     		<span data-after="4-OP80LB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP90LB</b>
				     		<span data-after="4-OP90LB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP110LB</b>
				     		<span data-after="4-OP110LB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP120LB</b>
				     		<span data-after="4-OP120LB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP180LB</b>
				     		<span data-after="4-OP180LB"></span>
				     	</td>
				     </tr>
				     <tr>
				     	<td ></td>
				     	<!--<td colspan="8" rowspan="2" ></td>-->
				     	<td colspan="8" rowspan="2">9BLB前纵梁</td>
				     	<td ></td>
				     </tr>
				      <tr>
				     	<td></td>
				     	<td></td>
				     </tr>
				     <tr>
				     	<td>
				     		<b>4-OP01RB</b>
				     		<span data-after="4-OP01RB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP10/20RB</b>
				     		<span data-after="4-OP10/20RB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP30/40RB</b>
				     		<span data-after="4-OP30/40RB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP50RB</b>
				     		<span data-after="4-OP50RB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP60RB</b>
				     		<span data-after="4-OP60RB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP80RB</b>
				     		<span data-after="4-OP80RB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP90RB</b>
				     		<span data-after="4-OP90RB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP110RB</b>
				     		<span class="light-up-d" data-after="4-OP110RB"></span>
				     	</td>
				     	<td>
				     		<b>4-OP120RB</b>
				     		<span data-after="4-OP120RB"></span>
				     	</td>
				     		<td>
				     		<b>4-OP180RB</b>
				     		<span data-after="4-OP180RB"></span>
				     	</td>
				     </tr>
				  </tbody>
				</table>
		  </div>
	</div>
</body>
<script src="http://47.95.197.74:8090/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
  <script>
  	function ldStyle(){
  		var $s=$('#styletable').text(''),$o=$('#line1 td:eq(0)'),o={width:$o.outerWidth(),height:$o.outerHeight()},w,ma,mi;
  		    o[o.width]='width',o[o.height]='height', w=o[Math.max(o.width,o.height)],ma=o[w],mi=o[o[Math.min(o.width,o.height)]];
  		    !$s.length&&($s=$('<style id="styletable"></style>'),$('head').append($s));
		      $s.text('#wrap>div>table{'+w+':'+(mi / ma * ma * (w=='height'?4:10))+'px}');
  	}
  	(function(){//添加所有title;
  		for(var a = 0,d,arr=$('td>span[data-after]');d=arr[a];a++){
  			d.setAttribute('title',d.getAttribute('data-after')); 
  		}
  	})();
		ldStyle();
  	onresize=	ldStyle;
  </script>
</html>